/*
 * @Author: Zhouhai 497675647@qq.com
 * @Date: 2022-11-23 13:27:32
 * @LastEditors: zhouhai 497675647@qq.com
 * @LastEditTime: 2023-04-24 12:07:19
 */
/* eslint-disable @typescript-eslint/no-unused-vars */
import PageDiv from '@/components/PageDiv';
import { Col, Divider, Row } from 'antd';
import React, { useState } from 'react'
const Home: React.FC = () => {
    const [version, setVersion] = useState<string>('3.8.2');
    return (
        <PageDiv>
            <Row >
                <Col span={12} style={{paddingLeft: '20px'}}>
                    <h2>若依后台管理框架</h2>
                    <p>
                        {
                            `一直想做一款后台管理系统，看了很多优秀的开源项目但是发现没有合适自己的。于是利用空闲休息时间开始自己写一套后台系统。
                            如此有了若依管理系统，她可以用于所有的Web应用程序，如网站管理后台，网站会员中心，CMS，CRM，OA等等，当然，您也可以对她进行深度定制，以做出更强系统。
                            所有前端后台代码封装过后十分精简易上手，出错概率低。同时支持移动客户端访问。系统会陆续更新一些实用功能。`
                        }
                    </p>
                    <p>
                        <b>当前版本:</b> <span>{`v${version}`}</span>
                    </p>
                    <p>
                    </p>
                </Col>
                <Col span={12} style={{paddingLeft: '50px'}}>
                    <Row>
                        <Col span={12}>
                            <h2>技术选型</h2>
                        </Col>
                    </Row>
                    <Row>
                        <Col span={6}>
                            <h4>后端技术</h4>
                            <ul>
                                <li>SpringBoot</li>
                                <li>Spring Security</li>
                                <li>JWT</li>
                                <li>JPA</li>
                                <li>Druid</li>
                                <li>Fastjson</li>
                                <li>...</li>
                            </ul>
                        </Col>
                        <Col span={6}>
                            <h4>前端技术</h4>
                            <ul>
                            <li>react</li>
                            <li>react-router-dom</li>
                            <li>ant-design</li>
                            <li>Axios</li>
                            <li>less</li>
                            <li>typescript</li>
                            <li>...</li>
                            </ul>
                        </Col>
                    </Row>
                </Col>
            </Row>
            <Divider/>
        </PageDiv>
    )
}
export default Home;